﻿@charset "utf-8";
/*全局样式
---------------------------------------------*/
section,article,aside,header,footer,nav,figure{ display:block; }
body,h1,h2,h3,h4,h5,h6,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,figure{ margin:0; padding:0; }
body,button,input,select,textarea{ font:12px/1.5 "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6,button,input,select,textarea{ font-size:100%; }
address,cite,dfn,em,var{ font-style:normal; }
code,kbd,pre,samp{ font-family:courier new,courier,monospace; }
p,ul,li,dl,dd,dt,form,h1,h2,h3,h4,h5,h6{ list-style:none; }
a{ color:#666; text-decoration:none; }
a:hover{ color: #f40; text-decoration:none; }
fieldset,img{ border:0; }
table{ border-collapse:collapse; border-spacing:0; }
input::-moz-focus-inner,button::-moz-focus-inner{ border:0;padding:0;outline:0; }
.clear:after{content:'\200B';display:block;clear:both;height:0;}
.clear{*zoom:1;}
.line5{ clear:both; font-size:0px; height:5px; overflow:hidden; }
.line10{ clear:both; font-size:0px; height:10px; overflow:hidden; }
.line15{ clear:both; font-size:0px; height:15px; overflow:hidden; }
.line20{ clear:both; font-size:0px; height:20px; overflow:hidden; }
.line30{ clear:both; font-size:0px; height:30px; overflow:hidden; }
button,input,select,textarea{font-size:100%;font-family:"Microsoft YaHei",微软雅黑,\9ed1\4f53,\5b8b\4f53,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;outline:0}
/* Clear Fix */ 
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{display:block}
.left{float:left}
.right{float:right}
.red{color:red}
.red:hover{color:#F60}
.red a{color:red}
.red a:hover{color:#F60}
.gray{color:#666}
.gray:hover{color:#F60}
.gray a{color:#666}
.gray a:hover{color:#F60}
.blue{color:#1E7BB3}
.blue:hover{color:#F60}
.blue a{color:#1E7BB3}
.blue a:hover{color:#F60}
.fl{ float:left;}
.fr{ float:right;display: inline;}
/*文本框样式*/
input.wide{ width:250px; }
input.txt{ width:200px; }
input.small{ width:50px; }
.input{ display:inline; margin-right:5px; padding:7px; height:20px; line-height:20px; vertical-align:middle; background:#fff; color:#999px; border:1px solid #e8e8e8; border-radius:2px; }
.select{ padding:7px; border:1px solid #e8e8e8; line-height:20px; }

/*按钮样式*/
.btn{ display:inline-block; margin:0; color:#fff; font-size:12px; height:38px; line-height:38px; text-align:center; padding: 0px 10px;}
.btn{ background:#FF642C; border:1px solid #FD561A; border-radius:2px; vertical-align:middle; }
.btn:hover{ color:#fff; opacity:0.9; }
.btn-mini{ height:20px; line-height:20px; padding:1px 8px 0; }
input.btn, button.btn{ height:40px; cursor:pointer; overflow:visible; }
.btn-success{ background:#52A152; border:1px solid #417F41; text-shadow:0 -1px 0 #52A152; }
.btn-error{ background:#CB423B; border:1px solid #AA352F; text-shadow:0 -1px 0 #CB423B; }
.btn-gray{ background:#ddd; border:1px solid #A9A9A9; text-shadow:0 -1px 0 #EEEEEE;}
.btn-gray,.btn-gray:hover{ color:#777; }
/*标题样式*/
.main-tit{  margin:0 auto; padding:30px 0 0; }
	.main-tit h2{ display:block; padding-right:10px; color:#666; font-size:24px; font-weight:400; line-height:25px; }
.base-tit{ border-bottom:1px solid #f0f0f0; color:#3b8dd1; line-height:1em; font-size:18px; font-weight:normal; }
	.base-tit span{ position:relative; top:1px; display:inline-block; padding:10px 0; border-bottom:1px solid #3b8dd1; }
	.base-tit i{ float:right; padding:10px 0; color:#999; font-size:12px; line-height:26px; font-style:normal; }
.bar-tit{ margin:0 0 20px; padding:0 0 10px; border-bottom:1px solid #e8e8e8; color:#6c6c6c; font-size:18px; }
/*页码容器*/
.page-box{ margin-top:15px; color:#999; font-size:14px; }
/*视频容器*/
.video-box{ position:relative; width:100%; height:473px; _clear:both; _display:inline; }
/*提示样式*/
.msg-tips{ position:relative; margin:30px auto; padding:30px 0; width:380px; font-size:14px; text-align:left; }
	.msg-tips .ico{ display:block; float:left; background:url(../images/icon-tips.png) no-repeat left top; width:46px; height:46px; text-indent:-99999px;overflow:hidden; }
	.msg-tips .ico.error{ background-position:-50px 0; }
	.msg-tips .ico.warning{ background-position:-100px 0; }
	.msg-tips .msg{ margin-left:60px; }
	.msg-tips .msg strong{ margin-bottom:10px; color:#444; font-size:15px; }
	.msg-tips .msg p{ line-height:1.8em; }
	.msg-tips .msg i{ color:#f00; font-style:normal;}

/*页面布局
----------------------------------------------*/
body{background:#fff; *position:relative; }
.section{ position:relative; margin:0 auto; padding:0; width:1180px; min-width:941px; max-width: 1220px; text-align:left; overflow:hidden; }
.wrapper{ position:relative; margin:0 auto; width:100%;overflow:hidden; }
	.wrapper.igoods{ height:327px; }
	.wrapper.auto{ height:auto; }
	.wrapper:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.main-left{ position:relative; float:left; margin: 15px 35px 0 0; width:463px; height:273px; overflow:hidden; }
.main-right{ position:absolute; top:0; right:0; bottom:0; left:478px; overflow:hidden; }
.sidebar-left{ float:left; margin: 15px 55px 0 0; width:941px; height:273px; overflow:hidden; }
.sidebar-right{ float:left; width:224px; height:288px; overflow:hidden; }
.list-auto{ position:relative; display:block; margin: 0 320px 0 0; overflow:hidden; _zoom:1; }
.list-right{ position:relative; display:block; float:right; width:300px; overflow:hidden; }

.list-auto-right{ position:relative; display:block; margin:0 0 0 362px; overflow:hidden; _zoom:1; margin-top:20px;}
.list-left{ position:relative; display:block; float:left; width:340px; overflow:hidden; border:1px solid #e4e4e4; margin-top:30px;}

.main-wrap{ position:relative; margin:0 auto; padding:0; width:1180px; text-align:left;}
.left941{ float:left; width:941px; }
.left211{ float:left; margin-left:28px; width:211px; }
.info-box{ float:left; width:200px; background:#eef8fa; border:1px solid #e8ecef; }
.home-box{ position:relative; display:block; margin:0 0 0 217px; overflow:hidden; }
.main-box{ position:relative; margin-bottom:-30px; width:100%; background:#f2f2f2; }
.login-box{ margin-bottom:-30px; width:100%; min-height:500px; _height:500px; background:#f1f1f1; }
.login-left{ position:absolute; top:30px; left:0; right:320px; bottom:0; background:url(../images/login-bg.png) no-repeat center center; _width:500px; _height:320px; _top:100px; _left:160px; }
.login-right{ float:right; margin:30px auto; padding:20px; width:300px; text-align:left; border:1px solid #e5e5e5; border-radius:3px; background:#fff; }
.icon{background: url(../images/global.png) no-repeat;_background: url(../images/global.png) no-repeat;_overflow: hidden;}

/*页面头部
----------------------------------------------*/
.header{position:relative;background:#fff;z-index:998;min-width: 1200px;}
.header_top{position:relative;height: 40px;background: #f2f2f2;border-bottom: 1px solid #dadada;z-index:3000;width:100%; line-height:40px;}
.header_top .layout-index{ width:1200px; margin:0px auto;}
.header-nav-l {float:left;}
.header-nav-l a {margin-right:15px; color:#505050; position:relative; line-height:40px; font-size:13px;}
.header-nav-l a strong {color:#505050;}
.header-nav-l a span {color:#ff5400;}
.header-nav-l a i{ width:14px; height:14px; display:inline-block; overflow:hidden; vertical-align:middle; background:url(../images/global.png) no-repeat; margin-right:5px; _margin-top:14px; _margin-bottom:14px; margin-top:-2px;}
.header-nav-l .ico-sc{ background-position:-204px -187px!important;}
.header-nav-l .ico-dw {}
.header-nav-r { float:right; text-align:right; color:#505050;}
.header-nav-r .inBar{float:right;}
.header-nav-r a { color:#505050; padding-right:8px;}
.header-nav-r a:hover { color:#ff5400;}
.header-nav-r span { color:#bababa; padding-right:5px;}
.header-nav-r i { width:24px; height:12px; display:inline-block; vertical-align:middle;margin-right:5px; _margin-top:14px; _margin-bottom:14px; overflow:hidden;}
.header-nav-r .ico-hot  { background-position: -425px -213px!important;}
.header-nav-r .ico-vip  { background-position: -477px -213px!important;}

.header_center{position:relative;z-index:2000}
.header_center_container{width:1220px;margin:0 auto}
.header_center_main{height:115px;position:relative}
.header_center_container span.hcc_logo{float:left;margin-top:28px;height:65px;width:320px;background-position:0 -350px;margin-right:94px;display:inline}
.hcc_zxb a,.header_center_container span.hcc_logo a.logo{display:block;height:0;overflow:hidden;padding-top:65px}
.header_search{height:36px;border: 2px solid #FF4200;float:left;margin-top:35px;display:inline;position:relative;width:496px}
.header_search .header_select{position:relative;z-index:9999;float:left}
.header_search .header_search_input{width:300px;height:22px;border:1px solid #fff;float:left;padding-left:9px;line-height:22px;color:#666;border:0;margin-top:7px;display:inline}

.header_search .header_search_submit{border:0;background:#FF4200;width:75px;height:36px;text-align:center;font-size:16px;color:#fff;position:absolute;right:0;top:0;cursor:pointer}
.index_banner_s{position:absolute;top:20px;right:0;overflow:hidden}
.header_search .header_select a.header_select_sort{height:36px;border-right:1px solid #eee;width:auto;background:#f9f9f9;text-decoration:none;position:relative;z-index:120;display:inline-block;color:#666;padding-right:15px}
.header_search .header_select a.header_select_sort{color:#666}
.header_search .header_select a.header_select_sort span em{float:left;height:36px;line-height:35px;margin:0 10px 0 15px;font-size:12px;display:inline}
.header_search .header_select a.header_select_sort span b{background-position:-70px 0;width:7px;height:4px;top:16px;float:left;position:relative;display:inline}
.index_banner_s,.index_banner_s .banner_slider li{width:230px;height:70px; background-image:url(../images/logo_tel.png);}

.header_bottom{height:40px;width:100%;border-bottom: 2px solid #F40;position:relative;z-index:999;display:table}
.header_bottom .header_menu{width:1220px;margin:0 auto;height:40px}
.header_bottom .header_menu ul li.menu_hover,.header_bottom .header_menu ul li.on,.header_bottom .header_menu ul li:hover{background: #F40;}
.header_bottom .header_menu ul li{padding:0 20px;float:left;height:40px;line-height:40px;font-size:16px;position:relative}
.header_bottom .header_menu ul li a{color:#333;text-decoration:none;display:block;padding: 0 15px;}
.header_bottom .header_menu ul li.on a, .header_bottom .header_menu ul li a:hover {color: #fff;}
.header_bottom .header_menu ul li.has_hotIcon em.sjbj_hot{width:24px;height:15px;background-position:-176px -16px;position:absolute;top:6px;right:20px}
.header_bottom .header_menu ul li b{width:1px;position:absolute;right:0;top:13px;height:16px;background:#eee;overflow:hidden}
.header_bottom .header_menu ul li.menu_hover b,.header_bottom .header_menu ul li:hover b,.header_bottom .header_menu ul li.on b {display: none;}
.header_bottom .header_menu .q_code{background-position:0 -187px;width:115px;height:31px;float:left;position:relative;top:9px;left:71px;overflow:visible;cursor:pointer}
.header_bottom .header_menu .q_code .q_code_applnk{width:100%;height:100%;display:block}
.header_bottom .header_menu .q_code div.q_code_layer{position:absolute;width:132px;height:286px;border:1px solid #f40;border-radius:4px;background:#fff;top:0;right:-60px;display:none}
.header_bottom .header_menu .q_code .qcode_lnk{display:block}
.header_bottom .header_menu .q_code div.q_code_layer span.qcode_img {background-position: -413px 0;width: 100px;height: 100px;margin: 10px 0px 0px 16px;display: inline-block;}
.header_bottom .header_menu .q_code div.q_code_layer span.wech {background-position: -221px -102px;}
.header_bottom .header_menu .q_code div.q_code_layer span.qcode_title{margin:10px 0 0 16px;color:#666;display:inline-block;font-size:12px;font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu}


/*页面底部
----------------------------------------------*/
.bottom-yy-w { width:100%; background:#2e3133; height:70px; line-height:70px;}
.bottom-yy-w .slogan { width:500px; float:left; overflow:hidden; font-size:24px; color:#fff;}
.bottom-yy-w .slogan span { font-size:18px!important; padding-left:20px;}
.bottom-yy-w .slogan span strong { color:#ffc000; font-weight:normal;}
.bottom-yy-w .yybtn { width:230px; height:70px; float:right; background:url(../images/ico-bg.png) 0 -180px no-repeat; display:block;}
.bottom-w { width:100%; padding:30px 0; background:#212325; margin-top: 30px; margin-bottom:190px;}
.bottom-w .bottom-wx { width:150px; height:180px; /*background: url(../../images/home/ico-bg.png) -300px 0 no-repeat;*/ float:right; overflow:hidden;}
.bottom-w .bottom-wx img {width: 150px;height: 150px;}
.bottom-w .bottom-wx p {line-height: 30px;color:#858585;font-size:14px;text-align: center;}
.bottom-w .bottom-left { width:580px; float:left; font-size:14px;}
.bottom-w .bottom-left .bottom-nav { font-size:14px; color:#fff;}
.bottom-w .bottom-left .bottom-nav a { color:#fff; padding:0 10px;}
.bottom-w .bottom-left .copyright { color:#6c6c6c; line-height:24px; padding-top:30px;}
.bottom-w .bottom-left .safe-w { width:250px; height:34px; float:left; background:url(../images/ico-bg.png) 0 -250px no-repeat; margin-top:20px;}
.bottom-w .bottom-link-w {margin-top: 30px;width: 100%;line-height: 20px;color: #6c6c6c;}
.bottom-w .bottom-link-w a {color:#6c6c6c;padding-left:8px;}

/*友情链接样式
-----------------------------------------------*/
.links{ position:relative; color:#888; font-size:14px; }
.links ul{ clear:both; }
.links .txt{ display:block; margin-top:15px; letter-spacing:3px; color:#888; font-size:14px; line-height:30px; }
.links .txt a{ color:#888; letter-spacing:1px; }
.links .img{ margin-left:-15px; }
.links .img li{ float:left; margin:15px 0 0 15px; height:31px; }
.links .img li img{ width:88px; height:31px; }

/*以下部分是WebUploader必须的
----------------------------------------------*/
.webuploader-container{ position:relative; }
.webuploader-element-invisible{ position:absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px,1px,1px,1px); }
.webuploader-pick{ position:relative; display:inline-block; padding:0 25px; line-height:32px; height:32px; border:1px solid #02598E; border-radius:2px; cursor:pointer; background:#1e7bb3; color:#fff; text-align:center; overflow:hidden; zoom:1; *display:inline; }
.webuploader-pick-hover{ opacity:0.9; }
.webuploader-pick-disable{ opacity:0.6; pointer-events:none; }
.upload-box{ position:relative; display:inline-block; height:32px; vertical-align:middle; zoom:1; *display:inline;}
	.upload-box .upload-btn{ display:inline-block; height:32px; zoom:1; *display:inline; }
	.upload-box .upload-progress{ position:absolute; top:0; left:0; padding:2px 5px; width:115px; height:28px; border:1px solid #d7d7d7; background:#fff; overflow:hidden; }
	.upload-box .upload-progress .txt{ display:block; padding-right:10px; font-weight:normal; font-style:normal; font-size:11px; line-height:18px; height:18px; text-overflow:ellipsis; overflow:hidden; }
	.upload-box .upload-progress .bar{ position:relative; display:block; width:112px; height:4px; border:1px solid #1da76b; }
	.upload-box .upload-progress .bar b{ display:block; width:0%; height:4px; font-weight:normal; text-indent:-99em; background:#28B779; overflow:hidden; }
	.upload-box .upload-progress .close{ position:absolute; display:block; top:1px; right:1px; width:14px; height:14px; text-indent:-99em; background:url(../images/sprite.gif) 0 -240px no-repeat; cursor:pointer; overflow:hidden; }

/*响应式布局
----------------------------------------------*/
@media only screen and (max-width:1180px) {
	.section{ width:941px; }
}
@media only screen and (min-width:1181px) {
	.section{ width: 1220px; }
}
.layout-index{width: 1220px;margin: 0 auto;}


/**
 * 申请表单bar的样式---------------
 */
.applyBarForm{}
.applyBarForm .line{position:relative;width: 246px;margin-bottom:11px;}
.applyBarForm .inp{display:block;width: 226px;height:34px;line-height:32px;padding:0 8px;border:1px solid #cccccc;}
.applyBarForm .sel{display:block;width:209px;height:34px;color:#6d6d6d;padding:0 0 0 4px;border:1px solid #cccccc;height:22px\9;}
.applyBarForm .province_w{position:relative;display:inline;float:left;margin-right:19px;}
.applyBarForm .province_w .province{width:96px;}
.applyBarForm .city_w{position:relative;float:left;}
.applyBarForm .city_w .city{width:96px;}
.applyBarForm .sendApplyBtn{width: 243px;height:43px;line-height:43px;color:#fff;border:0;background:#ff4400;font-size:14px;cursor:pointer;}
.applyBarForm .promiseW{color:#8e8e8e;padding:15px 0px;}

/**
 * 申请表单bar外框的两种样式---------------
 */
.applyBar1_wrapper{width:257px;height:354px;background:#fff;}
.applyBar1_wrapper .t1{padding-top:19px;height:32px;line-height:32px;font-size:20px;text-align:center;font-weight:bold;color:#01af63;}
.applyBar1_wrapper .t2{text-align:center;height:22px;line-height:22px;margin-bottom:16px;color:#000;}
.applyBar1_wrapper .promiseW{width:211px;color:#8e8e8e;padding-top:15px;}

.applyBar2_wrapper{width:269px;height:288px;border:1px solid #e8e8e8;background:#fff;}
.applyBar2_wrapper .t1{padding-top:12px;height:32px;line-height:32px;font-size:20px;text-align:center;color:#ff7200;}
.applyBar2_wrapper .t2{text-align:center;height:22px;line-height:22px;margin-bottom:16px;color:#666666;}
.applyBar2_wrapper .promiseW{width:211px;color:#8e8e8e;padding-top:15px;}

/*工长星级显示*/
.li2-bg{position:relative;margin:5px 32px 0 17px;_position:static;_zoom:1;overflow:hidden;width:82px;height:12px;margin-left:0;background:url(../images/w_star2_bg_03.png) repeat-x 0 -19px}
.li2-bg .active{background:url(../images/w_star2_bg_03.png) repeat-x left top}
.li2-bg .star1{width:20%;z-index:1}
.li2-bg .star2{width:40%;z-index:1}
.li2-bg .star3{width:60%;z-index:1}
.li2-bg .star4{width:80%;z-index:1}
.li2-bg .star5{width:100%;z-index:1}
.li2-bg span{position:absolute;left:0;top:0;height:31px}


/*图库栏目中免费设计和免费报价的弹出框*/
.casePopApply{width:420px;background:#fff;}
.casePopApply .casePopApplyFrom{padding-left:26px;}
.casePopApply .casePopApplyFrom .row{position:relative;width:357px;_width:360px;margin-top:10px;}
.casePopApply .casePopApplyFrom .row .names{float:left;width:60px;height:34px;padding-right:5px;line-height:34px;color:#333333;font-size:14px;}
.casePopApply .casePopApplyFrom .row .inp{float:left;display:block;width:280px;height:32px;line-height:32px;padding:0 5px;border:1px solid #cccccc;}
.casePopApply .casePopApplyFrom .row .sel{float:left;display:block;width:140px;height:34px;line-height:34px;padding:0;border:1px solid #cccccc;height:22px\9;}
.casePopApply .casePopApplyFrom .row .province_w{position:relative;float:left;margin-right:9px;height:22px\9;margin-top:7px\9;}
.casePopApply .casePopApplyFrom .row .city_w{position:relative;float:left;height:22px\9;margin-top:7px\9;}
.casePopApply .casePopApplyFrom .row .fg_w{position:relative;float:left;height:22px\9;margin-top:7px\9;}
.casePopApply .casePopApplyFrom .row .apply_btn{width:120px;height:34px;line-height:34px;text-align:center;color:#fff;cursor:pointer;background:#ff8a0b;border:0;}
.casePopApply .casePopApplyFrom .err{display:none;position:absolute;top:-21px;right:0;padding:0 5px;height:20px;line-height:20px;color:#f93500;overflow:hidden;font-weight:bold;z-index:10;background:#fffbfc;border:1px solid #f93500;}
.casePopApply .titleW{padding:0px 0px 0px 23px;}
.casePopApply .t1{padding-right:5px;font-size:16px;}
.casePopApply .t2{color:#ff8a0b;}
.casePopApply .t3{color:#333333;}
.casePopApply .casePopApplyFrom .row textarea{float:left;display:block;width:280px;height:62px;line-height:20px;padding:5px 5px;border:1px solid #cccccc;resize:none;}

/*表单中的文本框样式*/
.foremanid,.divApply{ display:none;}
.casePopApply .casePopApplyFrom .row  a{ line-height:34px; height:34px; color:#f40; font-size:14px;}

/*推荐，置顶等样式*/
.foreman_isred{position:absolute;width:90px;height:30px;font-size:18px;font-weight:700;line-height:30px;text-align:center;top:20px;right:20px;border:2px solid red;color:red;-moz-transform:rotate(30deg);-webkit-transform:rotate(20deg)}

.toolbar{background-color:rgba(34,24,20,.8);height:162px;width:100%;position:fixed;bottom:0;z-index:998;display:none;text-align:center}
.t-content{width:1190px;margin:0 auto;position:relative;color:#fff;font-size:16px}
.toolbar .t-niu{position:absolute;top:-61px}
.toolbar .t-wenzi{width:386px;margin-top:31px;margin-left:238px;float:left}
.toolbar .t-yuyue{float:left;width:350px;margin:20px}
.toolbar .t-yuyue ul li{height:40px;line-height:40px;text-align:left}
.toolbar .t-yuyue input{height:30px}
.toolbar .t-yuyue input[type=text]{padding:0 10px}
.toolbar .t-yuyue .OMobile{width:200px}
.toolbar .t-yuyue .OName{width:100px}
.toolbar .t-yuyue .Community{width:120px}
.toolbar .t-yuyue .Square{width:53px;margin-right:5px}
.toolbar .t-yuyue .btn{width: 222px;height: 62px;background:#F39800;color:#fff;border:none;font-weight:700;cursor:pointer;margin-top: 30px;font-size: 30px;}
.toolbar .t-wx{float:left;width:100px;text-align:center;font-size:12px;margin-top:20px;margin-left:24px; height:100px;}

